// 了解我们组件
<template>
  <div class="know-us">
    <div :class="['left',{move:isMove}]">
      <h1>了解我们</h1>
      <p>惠州市鸿浩电梯有限公司是独立经营，自负盈亏的经济实体。主要从事机电类特种设备起重机械的安装维修服务工程。本公司有一定的技术力量，工程基础扎实，管理制度完善。公司注册资本为150万元，办公及仓库面积达450多平方米，配置了满足施工要求和过程监视监测的设备，持有《中华人民共和国特种设备安装改造维修许可证》（编号：TS3344613-2015），是集电梯销售、安装、维修、保养的专业化服务企业。我们的原则是：不断提高我们的管理和技术水平，以诚信赢得用户信任，以管理促进效益，与时俱进求生存求发展</p>
    </div>
    <div :class="['right',{move:isMove}]">
     <img src="../../../assets/img/项目案例1.png" alt="">
    </div>
  </div>
</template>
<script>
export default {
  name: "AboutUs",
  data() {
    return {
      // 定义动画
      isMove:false,

    }
  },
  methods: {
    // 添加类触发入场动画
    loadLister(e){
        this.isMove=true
    }
  },
};
</script>
<style lang='scss' scoped>
.know-us {
  overflow: hidden;
  height: 730px;
  width: 100%;
  padding: 100px 260px;
  box-sizing: border-box;
  > div {
    float: left;
    width: 50%;
    
  }
  .move{
    transition: all 3s;
    transform: translate(0)!important;
  }
  .left{
     transform: translateX(-200%);
     h1{
      margin-top: 40px;
      font-size: 40px;
      color: black;
     }
     p{
      margin-top: 30px;
      font-size: 16px;
      line-height: 30px;
      color: #666666;
     }
    }
    .right{
      transform: translateX(200%);
     img{
      margin-left: 100px;
     }
    }
}
</style>